<template>
    <!--        标签名等同于类名-->
    <div class="common-layout">
        <el-container>
            <el-header>Header</el-header>
            <el-container>
                <el-aside width="200px" height="100%">
                    <MyMenu></MyMenu>
                </el-aside>
                <el-main>
               <RouterView/>
                </el-main>
            </el-container>
        </el-container>
    </div>

</template>

<script>
import MyMenu from "@/components/MyMenu.vue"
import { RouterView } from "vue-router";


export default {
    components: {
        MyMenu,
        RouterView,
    }
}

</script>

<style scoped>
.common-layout{
    height: 100%;
    width: 100%;
}
.el-container{
    height: 100%;
    width: 100%;
}
.el-header{
    background-color: #addf;
}
 .el-aside{

    background-color: #409eff;
}
 .el-menu{
     background-color:#409eff;
 }

</style>



